import React from 'react';
import { Box } from '@nova-hf/ui';
import ContractWrapper from 'beta/containers/layout/ContractWrapper';
import { IContext } from 'beta/typings/context';
import { useRouter } from 'next/router';
import { useContractQuery } from 'typings/graphql';

import FiberContractContainer from './containers/FiberContractContainer';

const Askrift = () => {
  const router = useRouter();
  const { data, loading, error } = useContractQuery({
    variables: {
      input: {
        id: (router.query.contractId as string) ?? '',
      },
    },
  });

  if (error) {
    return <Box padding={30}>Something went wrong!</Box>;
  }

  return (
    <ContractWrapper isLoading={!data || loading}>
      {/*<AlltSamanContainer isLoading={!data || loading} />*/}
      <FiberContractContainer />
    </ContractWrapper>
  );
};

Askrift.getInitialProps = ({ pathname, query }: IContext) => {
  return {
    pathname,
    contractId: query.contractId,
    namespacesRequired: ['alltSaman'],
  };
};

export default Askrift;